<template>
    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <el-container>
          <div class="box-userface">
            <img src="../assets/logoEdu.png" alt="" style="width: 160px;height: 40px;">
          </div>
          <label class="userlable">{{ this.$store.state.list.realName || '医院管理员'}}</label>
        </el-container>
      </div>
      <el-container direction="vertical" style="margin-top: 0px; text-align: left; margin-left: 20px">
        <label class="userinfolsit">用  户  名:
          <label style="margin-left: 80px">
            {{ this.$store.state.list.userName || 'admin'}}
          </label>
        </label>
        <label class="userinfolsit">用户类型:
          <label style="margin-left: 80px">
            {{ getUserTypeName() || '挂号收费员'}}
          </label>
        </label>
      </el-container>
    </el-card>
  </template>
  
  <script>
  export default {
    data() {
      return {
        userInfo: {},
        userTypeList: [
          {
            id: 1,
            name: '医院管理员'
          },
          {
            id: 2,
            name: '挂号收费员'
          },
          {
            id: 3,
            name: '门诊医生'
          },
          {
            id: 4,
            name: '医技医生'
          },
          {
            id: 5,
            name: '药房操作员'
          },
          {
            id: 6,
            name: '财务管理员'
          },
        ],
        userDept: {}
      }
    },
    methods: {
      getUserTypeName() {
        for (let i = 0; i < this.userTypeList.length; i++) {
          if (this.$store.state.list.useType === this.userTypeList[i].id) {
            return this.userTypeList[i].name
          }
        }
      }
    },
    created() {
     
    }
  }
  </script>
  
  <style scoped>
  .box-card {
    width: 430px;
    height: 198px;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0px 3px 7px 0px rgb(0 0 0 / 50%) !important;
  }
  
  .box-userface {
    display: inline;
    float: left;
    margin-left: 10px;
  }
  
  .userlable {
    color: rgb(30, 50, 115);
    float: left;
    font-size: 30px;
    font-weight: bolder;
    margin-top: 20px;
    margin-left: 60px;
  }
  
  .userinfolsit {
    float: left;
    top: 0;
    font-size: 15px;
    margin-bottom: 5px;
    margin-left: 30px;
    padding: 0;
  }
  </style>
  